<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="s" uri="/struts-tags" %>
<script>
$(function() {
	var btnGuardar=$('.ui-dialog-buttonset').find(':button :first');
	$("#horasAsignadas").blur(function(){
		if($("#horasAsignadas").val().length>0){
			btnGuardar.attr('disabled','true');
			btnGuardar.css({ opacity: 0.5 });
	    	$.getJSON("../datosjson/proyectoConsultarSiTieneHorasDisponibles", {"horasAsignadas":$("#horasAsignadas").val(),"proyecto.idProyecto":$("#idProyecto").val()},
		      		function( data ) {
      				if(data==false){
      					$("#horasAsignadas").addClass('error');  						      				
      					$("#horasAsignadas").next('div').show();  						      				
      				}else{
      					$("#horasAsignadas").removeClass('error');  						      				
      					btnGuardar.css({ opacity: 1 });
      					btnGuardar.removeAttr('disabled');
      					$("#horasAsignadas").next('div').hide();  						      				
      				}
				});
		};
	});

    $("#tarea_form").validate({
			submitHandler: function(){
	    		$('#dialog_form').dialog("close");
	   			$('#tareas_list').html(tablaVacia());
		    	$.post('../tareas/guardarTarea', $('#tarea_form').serialize())
		    		.complete(function(){
				      	cargarTablita();
			    	});
		    	$('#dialog_form').remove();
				return false;
			}
	});
	$( "#datepicker1" ).datepicker( $.datepicker.regional[ "es" ] );
	$( "#datepicker2" ).datepicker( $.datepicker.regional[ "es" ] );
});
	  	
function saveButton() { $('#tarea_form').submit();};
</script>
<s:actionerror />
	<s:actionmessage />
	<s:form id="tarea_form">
		<s:hidden name="tarea.idTarea"></s:hidden>
		<table>
		 	<tr>
				<td>Descripción</td>
				<td><s:textarea name="tarea.descripcion" theme="simple" cssClass="required" cols="25" rows="2" /></td>
			</tr>
			<tr>
				<td>Horas Asignadas</td>
				<td> <s:textfield name="tarea.horasAsignadas" theme="simple" size="5" id="horasAsignadas"/><div style="display: none;" class="error">El proyecto no cuenta con suficientes horas disponibles</div></td>
			</tr>
			<s:if test="tarea.idTarea != null">
				<tr>
					<td>Estado</td>
					<td><s:select list="estadosTarea" theme="simple" listKey="idEstadoTarea" listValue="nombre" headerKey="-1"
					headerValue="-- Seleccione el Estado de la Tarea --" name="tarea.estadoTarea.idEstadoTarea" 
					value="tarea.estadoTarea.idEstadoTarea"></s:select></td>
				</tr>
			</s:if>
			<tr>
				<td>Tipo de Tarea</td>
				<td><s:select list="tiposTarea" theme="simple" listKey="idTipoTarea" listValue="nombre" headerKey="-1"
				headerValue="-- Seleccione el Tipo de Tarea --" name="tarea.tipoTarea.idTipoTarea" 
				value="tarea.tipoTarea.idTipoTarea" notEqual="-1"></s:select></td>
			</tr>
			<tr>
				<td>Fecha de Inicio</td>
				<td><s:textfield name="tarea.fechaDesde" theme="simple" cssClass="required" id="datepicker1"/></td>
			</tr>
			<tr>
				<td>Fecha de Finalización</td>
				<td><s:textfield name="tarea.fechaHasta" theme="simple" cssClass="required" id="datepicker2"/></td>
			</tr>
		</table>
		<s:hidden name="tarea.proyecto.idProyecto"></s:hidden>
	</s:form>